cascading style sheets reference

בוררי פסדו-מעמד דינמיים

הסבר

CSS2 מרחיב בוררי פסדו-מעמד עבור אלמנטים אחרים מקישורים. בוררי פסדו-מעמד דינמיים מיושמים עבור כל אלמנט שהוא במצבים active (פעיל), hover (ריחוף) ו- focus (פוקוס).

תחביר

הצורה של פסדו-מעמד דינמי היא פשוט להוסיף מצב אחד מתוך אחד מהמצבים הבאים לבורר קיים. המצבים האפשריים הם:

  • :hover כאשר העכבר עומד מעל האלמנט הנבחר.
  • :active כאשר מקליקים עם העכבר על האלמנט הנבחר.
  • :focus כאשר יש לאלמנט הנבחר את פוקוס המקלדת.

לדוגמא, כדי להחליף את צבע הרקע של הפיסקה כאשר העכבר מעליה, השתמשו בורר:

P:hover

ניתן להשתמש בוררים מורכבים יחד עם בורר הפסדו-מעמד הדינמי. לדוגמא, כדי להחליף את צבע הרקע של פיסקאות ממעמד "introduction" בלבד, בזמן שמקליקים עליהן, השתמשו בבורר:

P.introduction:active

שימוש

בורר הפסדו-מעמד הדינמי מרחיב את בוררי פסדו-מעמד של קישורים. כעת, כל אלמנט שהוא יכול להיבחר במצבים של ריחוף, פעיל או פוקוס.

back to top